import Vue from 'vue'
import Router from 'vue-router'
import DraggableDemo from '@/components/DraggableDemo'
import OfficialCustomClone from '@/components/OfficialCustomClone'
import DragAndMove from "@/components/DragAndMove"
import NestedDraggableDemo from "@/components/NestedDraggableDemo";
import FormDesigner from "@/views/FormDesigner";
Vue.use(Router)

export default new Router({
  routes: [
    {
      path:"/",
      name:"FormDesigner",
      component:FormDesigner
    },
    {
      path: '/demo',
      name: 'DraggableDemo',
      component: DraggableDemo
    },
    {
      path: '/clone',
      name: 'OfficialCustomClone',
      component: OfficialCustomClone
    },
    {
      path:"/move",
      name:"dragAndMove",
      component:DragAndMove
    },
    {
      path:"/nested",
      name:"NestedDraggableDemo",
      component:NestedDraggableDemo
    }
  ]
})
